//使用`html-webpack-plugin`插件配置启动页面
//由于使用`--contentBase`指令的过程比较繁琐，需要指定启动的目录
	//运行`npm i html-webpack-plugin --save-dev`安装到开发依赖
	//修改`webpack.config.js`配置文件如下：
		`
		    // 导入处理路径的模块
		    var path = require('path');
		    // 导入自动生成HTMl文件的插件
		    var htmlWebpackPlugin = require('html-webpack-plugin');
		
		    module.exports = {
		        entry: path.resolve(__dirname, 'src/js/main.js'), // 项目入口文件
		        output: { // 配置输出选项
		            path: path.resolve(__dirname, 'dist'), // 配置输出的路径
		            filename: 'bundle.js' // 配置输出的文件名
		        },
		        plugins:[ // 添加plugins节点配置插件
		            new htmlWebpackPlugin({
		                template:path.resolve(__dirname, 'src/index.html'),//模板路径
		                filename:'index.html'//自动生成的HTML文件的名称
		            })
		        ]
		    }
		`
	//3. 修改`package.json`中`script`节点中的dev指令如下：
		`
		"dev": "webpack-dev-server"
		`
	//4. 将index.html中script标签注释掉，因为`html-webpack-plugin`插件会自动把bundle.js注入到index.html页面中！